            <%@include file="../recursos/sesion.jsp" %>
            <%@include file="../recursos/headers.jsp" %>
            <div id="titulo"><bean:message key="menu.Repo" /></div>
            <script type="text/javascript" src="<%=request.getContextPath()%>/recursos/js/prototype.js"></script>
            <script type="text/javascript">
                function gup(name){
                    var regexS = "[\\?&]"+name+"=([^&#]*)";
                    var regex = new RegExp(regexS);
                    var tmpURL = window.location.href;
                    var results = regex.exec(tmpURL);
                    if(results == null) return "" ;
                    else return results[1];
                    }
                var temp = gup("tipo");
                function muestraMensaje(){ $('Cargando').innerHTML = ""; }
                function VerReporte(tipo){
                    var expediente = $('expediente').value;
                    if (tipo == "pdf")
                        location.href = "<%=request.getContextPath()%>/Reportes?selTipo=" + tipo + "&tipo=" + temp + "&expediente=" + expediente;
                    else{
                        $('Cargando').innerHTML = "<br /><br /><bean:message key="reportes.wait" /><br /><br /><img src='<%=request.getContextPath()%>/recursos/cargando.gif'><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />";
                        new Ajax.Updater('Reporte', "<%=request.getContextPath()%>/Reportes", {parameters: "selTipo=" + tipo + "&tipo=" + temp + "&expediente=" + expediente, onComplete:muestraMensaje});
                        }
                    }
                function nulo(){
                    $('error').style.display = "block";
                    $('enviar').style.display = "none";
                    if ($('expediente').value == "")
                        $('error').innerHTML = "El expediente esta vacio";
                    else if (!/^[0-9]{4}[-]{1}[0-9]{2}$/.test($('expediente').value))
                        $('error').innerHTML = "El valor " + $('expediente').value + " no es permitido";
                    else { $('error').style.display = "none"; $('enviar').style.display = "inline"; }
                    }
            </script>
            <div name="Reportes">
                <fieldset>
                    <table>
                        <tr>
                            <th><bean:message key="reportes.expediente" />:</th>
                            <td>
                                <input id="expediente" onchange="javascript: nulo();" onkeyup="javascript: nulo();" size="10" />
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </div>
            <br />
            <span id="error"></span>
            <div id="enviar" style="display: none;">
                <a href="#" onclick="VerReporte('pdf')" id="l1">
                    <img src="<%=request.getContextPath()%>/recursos/pdf.png" width="40" height="40" alt="pdf" />
                   <bean:message key="reportes.pdf" />
                </a>
                <a href="#" onclick="VerReporte('html')" id="l2">
                    <img src="<%=request.getContextPath()%>/recursos/html.png" width="40" height="40" alt="html" />
                    <bean:message key="reportes.html" />
                </a>
            </div>
            <br />
            <div id="Cargando"> </div>
            <div id="Reporte"> </div>